<script setup lang="ts">
defineOptions({
  name: "MapChart"
});
import { ref, onMounted } from "vue";
import * as echarts from "echarts";
import chinaJSON from "./china.json";
import { mapChartData } from "@/components/ReChart/samples";
//注册中国地图
echarts.registerMap("china", chinaJSON as any);
</script>

<template>
  <div class="map-box">
    <ReChart :data="mapChartData" height="100%" width="100%" />
  </div>
</template>

<style lang="scss" scoped>
.map-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
</style>
